<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" type="image/ico"
	href="http://www.datatables.net/media/images/favicon.ico" />

<title>DataTables example</title>
<style type="text/css" title="currentStyle">
@import "style/dt_page.css";
@import "style/dt_table.css";
</style>
<script type="text/javascript" language="javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.dataTables.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {	
	 var t = $('#table_cofInfo').dataTable({
		"bProcessing" : true,
		"bServerSide" : true,
		"bAutoWidth": false,
		"sAjaxSource" : "/bullbuddy/service/cofInfo",
		"bServerSide":false,
		"sServerMethod": "POST",
		"sAjaxDataProp":"list",
		"oLanguage": {
		      "sUrl": "/bullbuddy/locale/data-tables.zh_CN"
		    },
		"aoColumns": [
						{ "mData": null},
			            { "mData": "cofId" },
			            { "mData": "cofName" },
			            { "mData": "place" },
			            { "mData": "startTime" },
			            { "mData": "cofStatus" },
			            { "mData": null }
			         ],
			 	});
	 
	 })

</script>
</head>
<body id="dt_example">
<div id="container">

<div id="dynamic">
		<center>	
			<table id="table_cofInfo" class="display" >
				<thead>
					<tr>
						<th>序号</th>
						<th>会议ID</th>
						<th>名称</th>
						<th>地点</th>
						<th>时间</th>
						<th>状态</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody id="cofInfo-list">
					<tr>
						<td>正在加载数据...</td>
					</tr>
				</tbody>
			</table>
		</center>
	</div>
</div>
</body>
</html>